<template>
  <table class="table">
    <tbody>
      <tr>
        <td>
          <div class="ask">什么是贡献值，贡献值有什么作用？</div>
          <div class="answers">
           贡献值是指用户对平台推广的贡献程度，他直接用户等级，用户等级越高，糖果置换手续费越低。</div>
        </td>
      </tr>
      <tr>
        <td>
          <div class="ask">哪些方式能增加贡献值？</div>
          <div class="answers">
           邀请好友下载趣步APP，注册并实名认证通过，且获取试炼卷轴账号激活之后奖励贡献值50点（无上限）。
           </div>
        </td>
      </tr>
      <tr>
        <td>
          <div class="ask">用户等级如何划分？不同等级对应的置换手续费比例是多少？</div>
          <div class="answers">

           <p>
               <span style=";font-family:等线;font-size:14px"><span style="font-family:等线">用户等级依据贡献值的多少，划分为</span>L</span><span style=";font-family:等线;font-size:14px">V0-LV5</span><span style=";font-family:等线;font-size:14px"><span style="font-family:等线">六个级别，对应</span>5个不同比例的置换手续费：</span>
           </p>
           <table cellspacing="0">
               <tbody>
                   <tr class="firstRow">
                       <td width="184" valign="top" style="padding: 0px 7px; border-width: 1px; border-color: windowtext;">
                           <p>
                               <span style=";font-family:等线;font-size:14px">用户等级</span>
                           </p>
                       </td>
                       <td width="184" valign="top" style="padding: 0px 7px; border-left: none; border-right-width: 1px; border-right-color: windowtext; border-top-width: 1px; border-top-color: windowtext; border-bottom-width: 1px; border-bottom-color: windowtext;">
                           <p>
                               <span style=";font-family:等线;font-size:14px">贡献值</span>
                           </p>
                       </td>
                       <td width="184" valign="top" style="padding: 0px 7px; border-left: none; border-right-width: 1px; border-right-color: windowtext; border-top-width: 1px; border-top-color: windowtext; border-bottom-width: 1px; border-bottom-color: windowtext;">
                           <p>
                               <span style=";font-family:等线;font-size:14px">手续费</span>
                           </p>
                       </td>
                   </tr>
                   <tr>
                       <td width="184" valign="top" style="padding: 0px 7px; border-left-width: 1px; border-left-color: windowtext; border-right-width: 1px; border-right-color: windowtext; border-top: none; border-bottom-width: 1px; border-bottom-color: windowtext;">
                           <p>
                               <span style="font-family:等线;font-size:14px">L</span><span style=";font-family:等线;font-size:14px">V0</span>
                           </p>
                       </td>
                       <td width="184" valign="top" style="padding: 0px 7px; border-left: none; border-right-width: 1px; border-right-color: windowtext; border-top: none; border-bottom-width: 1px; border-bottom-color: windowtext;">
                           <p>
                               <span style=";font-family:等线;font-size:14px">注册未实名认证通过的用户</span>
                           </p>
                       </td>
                       <td width="184" valign="top" style="padding: 0px 7px; border-left: none; border-right-width: 1px; border-right-color: windowtext; border-top: none; border-bottom-width: 1px; border-bottom-color: windowtext;">
                           <p>
                               <span style=";font-family:等线;font-size:14px">禁止兑换</span>
                           </p>
                       </td>
                   </tr>
                   <tr>
                       <td width="184" valign="top" style="padding: 0px 7px; border-left-width: 1px; border-left-color: windowtext; border-right-width: 1px; border-right-color: windowtext; border-top: none; border-bottom-width: 1px; border-bottom-color: windowtext;">
                           <p>
                               <span style="font-family:等线;font-size:14px">L</span><span style=";font-family:等线;font-size:14px">V1</span>
                           </p>
                       </td>
                       <td width="184" valign="top" style="padding: 0px 7px; border-left: none; border-right-width: 1px; border-right-color: windowtext; border-top: none; border-bottom-width: 1px; border-bottom-color: windowtext;">
                           <p>
                               <span style=";font-family:等线;font-size:14px">注册并实名认证通过的用户</span>
                           </p>
                       </td>
                       <td width="184" valign="top" style="padding: 0px 7px; border-left: none; border-right-width: 1px; border-right-color: windowtext; border-top: none; border-bottom-width: 1px; border-bottom-color: windowtext;">
                           <p>
                               <span style="font-family:等线;font-size:14px">5</span><span style=";font-family:等线;font-size:14px">0%</span>
                           </p>
                       </td>
                   </tr>
                   <tr>
                       <td width="184" valign="top" style="padding: 0px 7px; border-left-width: 1px; border-left-color: windowtext; border-right-width: 1px; border-right-color: windowtext; border-top: none; border-bottom-width: 1px; border-bottom-color: windowtext;">
                           <p>
                               <span style="font-family:等线;font-size:14px">L</span><span style=";font-family:等线;font-size:14px">V2</span>
                           </p>
                       </td>
                       <td width="184" valign="top" style="padding: 0px 7px; border-left: none; border-right-width: 1px; border-right-color: windowtext; border-top: none; border-bottom-width: 1px; border-bottom-color: windowtext;">
                           <p>
                               <span style=";font-family:等线;font-size:14px">贡献值≥1</span><span style=";font-family:等线;font-size:14px">00</span><span style="font-family:等线;font-size:14px">点</span>
                           </p>
                       </td>
                       <td width="184" valign="top" style="padding: 0px 7px; border-left: none; border-right-width: 1px; border-right-color: windowtext; border-top: none; border-bottom-width: 1px; border-bottom-color: windowtext;">
                           <p>
                               <span style="font-family:等线;font-size:14px">3</span><span style=";font-family:等线;font-size:14px">5%</span>
                           </p>
                       </td>
                   </tr>
                   <tr>
                       <td width="184" valign="top" style="padding: 0px 7px; border-left-width: 1px; border-left-color: windowtext; border-right-width: 1px; border-right-color: windowtext; border-top: none; border-bottom-width: 1px; border-bottom-color: windowtext;">
                           <p>
                               <span style="font-family:等线;font-size:14px">L</span><span style=";font-family:等线;font-size:14px">V3</span>
                           </p>
                       </td>
                       <td width="184" valign="top" style="padding: 0px 7px; border-left: none; border-right-width: 1px; border-right-color: windowtext; border-top: none; border-bottom-width: 1px; border-bottom-color: windowtext;">
                           <p>
                               <span style=";font-family:等线;font-size:14px">贡献值≥</span><span style=";font-family:等线;font-size:14px">200</span><span style="font-family:等线;font-size:14px">点</span>
                           </p>
                       </td>
                       <td width="184" valign="top" style="padding: 0px 7px; border-left: none; border-right-width: 1px; border-right-color: windowtext; border-top: none; border-bottom-width: 1px; border-bottom-color: windowtext;">
                           <p>
                               <span style="font-family:等线;font-size:14px">3</span><span style=";font-family:等线;font-size:14px">0%</span>
                           </p>
                       </td>
                   </tr>
                   <tr>
                       <td width="184" valign="top" style="padding: 0px 7px; border-left-width: 1px; border-left-color: windowtext; border-right-width: 1px; border-right-color: windowtext; border-top: none; border-bottom-width: 1px; border-bottom-color: windowtext;">
                           <p>
                               <span style="font-family:等线;font-size:14px">L</span><span style=";font-family:等线;font-size:14px">V4</span>
                           </p>
                       </td>
                       <td width="184" valign="top" style="padding: 0px 7px; border-left: none; border-right-width: 1px; border-right-color: windowtext; border-top: none; border-bottom-width: 1px; border-bottom-color: windowtext;">
                           <p>
                               <span style=";font-family:等线;font-size:14px">贡献值≥</span><span style=";font-family:等线;font-size:14px">2000</span><span style="font-family:等线;font-size:14px">点</span>
                           </p>
                       </td>
                       <td width="184" valign="top" style="padding: 0px 7px; border-left: none; border-right-width: 1px; border-right-color: windowtext; border-top: none; border-bottom-width: 1px; border-bottom-color: windowtext;">
                           <p>
                               <span style="font-family:等线;font-size:14px">2</span><span style=";font-family:等线;font-size:14px">8%</span>
                           </p>
                       </td>
                   </tr>
                   <tr>
                       <td width="184" valign="top" style="padding: 0px 7px; border-left-width: 1px; border-left-color: windowtext; border-right-width: 1px; border-right-color: windowtext; border-top: none; border-bottom-width: 1px; border-bottom-color: windowtext;">
                           <p>
                               <span style="font-family:等线;font-size:14px">L</span><span style=";font-family:等线;font-size:14px">V5</span>
                           </p>
                       </td>
                       <td width="184" valign="top" style="padding: 0px 7px; border-left: none; border-right-width: 1px; border-right-color: windowtext; border-top: none; border-bottom-width: 1px; border-bottom-color: windowtext;">
                           <p>
                               <span style=";font-family:等线;font-size:14px">贡献值≥</span><span style=";font-family:等线;font-size:14px">5000</span><span style="font-family:等线;font-size:14px">点</span>
                           </p>
                       </td>
                       <td width="184" valign="top" style="padding: 0px 7px; border-left: none; border-right-width: 1px; border-right-color: windowtext; border-top: none; border-bottom-width: 1px; border-bottom-color: windowtext;">
                           <p>
                               <span style="font-family:等线;font-size:14px">2</span><span style=";font-family:等线;font-size:14px">5%</span>
                           </p>
                       </td>
                   </tr>
               </tbody>
           </table>
           <p>
               <br/>
           </p>

            </div>
        </td>
      </tr>
      <tr>
        <td>
          <div class="ask">贡献值是否会封顶？</div>
          <div class="answers">
            不封顶，贡献值越高用户等级越高，用户等级越高交易手续费越低。</div>
        </td>
      </tr>
      <tr>
        <td>
          <div class="ask">阅读值怎么产生的？</div>
          <div class="answers">
          根据平台规定位置（资讯板块及瓜分糖果板块）阅读资讯文章或观看资讯视频、激励视频的时候会获取一定的阅读值。</div>
        </td>
      </tr>
      <tr>
        <td>
          <div class="ask">阅读值的作用？</div>
          <div class="answers">
           阅读值可用作参与瓜分糖果奖励、幸运抽奖、兑换优惠券、置换糖果等用途。</div>
        </td>
      </tr>
      <tr>
        <td>
          <div class="ask">有阅读值怎么瓜分糖果？</div>
          <div class="answers">
            每天释放全球置换手续费5%进行分成，依据用户阅读值大小进行瓜分奖励，所有阅读资讯或观看激励视频的用户都可以参与分成，具体公式为：全球置换手续费5%的糖果数量÷当日阅读值数量×个人当日阅读数值
           </div>
        </td>
      </tr>  
    </tbody>
  </table>
</template>

<script>
</script>

<style lang="less" scoped>
  .table {
    text-align: left;
    td{
      padding-left:25px;
      font-size:14px;
      .ask,.answers {
        position:relative;
        margin:10px auto;
        &::before{
          content: url('../../../static/images/ask_ico.jpg');
          width:18px;
          height:18px;
          position:absolute;
          left:-25px;
        }
      }
      .answers {&::before{content: url('../../../static/images/answer_ico.jpg');} }
    }
  }
</style>
